<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<ui:composition 
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/view/templates/templateLayout.xhtml">
      
      <ui:define name="conteudo">      	
  	  <link rel="stylesheet" type="text/css" href="./estilos.css"/>  
  	  
<h:form id="formConsultarFuncionario">  
	<p:panel id="panelConsultarFuncionario" header="Consultar Funcionario" style="margin-bottom:20px;">  
	<f:facet name="header">
		<h:outputText value="Consultar Funcionario" styleClass="outputTextTitulo"/>
	</f:facet>
 	<p:growl id="growl" showDetail="true"/> 
    	<h:panelGrid id="idPanelGridFuncionario" columns="2" style="margin-top:20px;  margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Funcionario" styleClass="outputLabel"/> 
            
            <p:inputText value="#{funcionarioBean.funcionario.idFuncionario}" styleClass="inputId" />  
  			<p:inputText value="#{funcionarioBean.funcionario.nome}" styleClass="inputDescricao"/>  
        </h:panelGrid>  
    </p:panel>  
    <p:commandButton value="Consultar" actionListener="#{funcionarioBean.findFuncionario}" update="dataTableFuncionario" style="margin-right:20px; margin-left:10px;" /> 
	<p:commandButton value="Novo" action="#{funcionarioBean.newFuncionario}" style="margin-right:20px;" /> 
	<p:commandButton value="Limpar"  actionListener="#{funcionarioBean.clean}" style="margin-right:20px;" />
    		
   		
    <p:dataTable id="dataTableFuncionario" var="Funcionario" 
    			 rowKey="#{Funcionario.idFuncionario}" selectionMode="single"
                 style="padding-top:20px; width:70%">  
        <f:facet name="header">Funcionários</f:facet>    
		<p:column style="width:10%">  
            <f:facet name="header">  
                <h:outputText value="Código" />  
            </f:facet>  
            <h:outputText value="#{Funcionario.idFuncionario}" />  
        </p:column>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Nome" />  
            </f:facet>  
            <h:outputText value="#{Funcionario.nomeFuncionario}" />  
        </p:column>  
        
        <p:column >  
            <f:facet name="header">  
                <h:outputText value="Celular" />  
            </f:facet>  
            <h:outputText value="#{Funcionario.celular}" />  
        </p:column>  
        
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="E-mail" />  
            </f:facet>  
            <h:outputText value="#{Funcionario.email}" />  
        </p:column>  
        
        <p:column style="width:4%">  
        	<f:facet name="header">
        	 <h:outputText value="Editar" />
        	</f:facet>
         	<p:commandButton id="selectButtonEditar"  icon="ui-icon-search" title="Detail">
         		<f:facet name="header">
        	 		<h:outputText value="Excluir" />
        		</f:facet>
				<f:setPropertyActionListener value="#{Funcionario}" target="#{funcionarioBean.funcionarioSelecionado}" />  
            </p:commandButton>  
        </p:column> 
        
        <p:column style="width:4%">  
         	<p:commandButton id="selectButtonDelete"  icon="ui-icon-trash" title="Delete"/>
        </p:column>
    </p:dataTable>   
 
</h:form>  	


</ui:define>
</ui:composition>
